import { FC, PropsWithChildren } from 'react';
import { useIntl } from 'umi';
import Style from './index.less';
export const EtremeBlock: FC<PropsWithChildren> = ({ children }) => {
  const intl = useIntl();
  return (
    <section style={{ marginBottom: 40 }}>
      <div>
        <h3 className={Style['title-h3']}>
          {intl.formatMessage({ id: 'stationRealtimeMonitoring.ExtremeOverview' })}
        </h3>
      </div>
      <div
        style={{
          display: 'flex',
          flexWrap: 'wrap',
        }}
      >
        {children}
      </div>
    </section>
  );
};
